﻿
.leftContent{    width:190px;margin-right:10px;float:left;position:relative;}
.leftContent .filters{    padding-top:10px;position:relative;background:url(../images/leftcontentbg.png) no-repeat 0 0;z-index:1;}
.leftContent .filters h3{    margin:0 10px 10px 10px;line-height:20px;font-size:1.7em;letter-spacing:-1px;color:#89bc05;}
.leftContent .filters h3 span{    font-size:14px;font-weight:bold;color:#000;}
.leftContent .filters h3.smaller{    font-size:16px;}
.leftContent .filters h3.searchResults{    font-size:1.5em;}
.leftContent .filters h4{    margin-bottom:8px;}
.leftContent .filters ul li{    padding-left:10px;margin:0 0 6px;line-height:14px;overflow:hidden;background:url(../images/bulletgreen.png) no-repeat 0 4px;}
.leftContent .filters ul li a{    font-size:12px;}
.leftContent .filters ul li a span{    font-size:10px;color:#305695;}
.leftContent .filters .filter{    width:168px;padding:10px;overflow:hidden;border:1px solid #bbb8b8;border-bottom:none;background:#f9ffeb;}
.leftContent .filters .filter a.btn_viewAll{    float:right;}
.leftContent .filters .filter .miniPreferenceFilter{    width:106px;height:20px;padding:37px 0 0 64px;margin-bottom:10px;background:url(../images/minipreferencefilter.png) no-repeat 0 0;}
.leftContent .filters .filter .miniPreferenceFilter.off{    background-position:top right;}
.leftContent .filters .filter #narrowBy{    margin-bottom:10px;font-size:14px;font-weight:bold;}
.leftContent .filters .displayTypeFilter{    margin:10px 10px 0;}
.leftContent .filters .displayTypeFilter label{    font-size:13px;float:left;}
.leftContent .filters .displayTypeFilter select{    margin-top:4px;width:170px;float:left;}
/*滑动条开始 */
.leftContent .filters .filter .priceSlider{    height:30px;width:170px;margin-top:10px;background:url(../images/sliderrail.gif) no-repeat 0 -27px;}
.leftContent .filters .filter .priceSlider #priceSlider{    width:159px;}
.leftContent .filters .filter .priceSlider .ui-slider{    position:relative;text-align:left;}
.leftContent .filters .filter .priceSlider .ui-slider-horizontal{    z-index:99;}
.leftContent .filters .filter .priceSlider .ui-slider-horizontal .ui-slider-handle{ cursor:pointer;   width:11px;height:26px;background:url(../images/slider.png) no-repeat 0 0;z-index:99;position:absolute;z-index:2;cursor:default;}
.leftContent .filters .filter .priceSlider .ui-slider-horizontal .ui-slider-handle.ui-state-hover{ cursor:pointer;   width:11px;height:26px;background:url(../images/slider.png) no-repeat right 0;z-index:99;}
.leftContent .filters .filter .priceSlider .ui-slider-range{    position:absolute;z-index:1;font-size:.7em;display:block;border:0;background:url(../images/sliderrail.gif) no-repeat 0 6px;height:30px;}
/*滑动条开始 */
.leftContent .filters .filter .priceFrom{    float:left;font-size:13px;color:#6a6a6a;}
.leftContent .filters .filter .priceFrom input{    width:30px;color:#6a6a6a;border:none;background:none;}
.leftContent .filters .filter .priceTo{    float:right;font-size:13px;color:#6a6a6a;}
.leftContent .filters .filter .priceTo input{    width:30px;text-align:right;color:#6a6a6a;border:none;background:none;}
.leftContent .filters a.clearFilter{    padding-right:18px;margin-top:10px;float:right;font-size:11px;color:#8b8c87;text-decoration:underline;background:url(../images/clear.png) no-repeat right center;}
.leftContent .filters a.clearAllFilters{    margin:10px;}
.leftContent .brandBrowser{    width:170px;height:108px;padding:8px 10px;margin-bottom:20px;float:left;background:url(../images/brandcontainerbg.png) no-repeat 0 0;}
.leftContent .brandBrowser .brandScroller{    margin:6px 0 0 3px;border:none;}
.leftContent .brandBrowser a.viewAllBrands{    float:right;margin-top:8px;font-size:12px;font-weight:bold;text-decoration:underline;color:#676666;}
.leftContent .brandScroller{    width:150px;height:40px;padding:6px 6px;margin:10px 0;position:relative;top:3px;left:0;border:1px solid #bbb8b8;}
.leftContent .brandScroller .reel{    width:150px;height:40px;}
.leftContent .brandScroller .reel div{    width:150px;height:40px;}
.leftContent .brandScroller .reel div a{    width:150px;height:40px;}
.leftContent a.viewAllBrands{    float:right;font-size:12px;font-weight:bold;text-decoration:underline;color:#676666;}
.leftContent .sizeGuideBanner{    width:190px;height:172px;padding:46px 0 0;margin:10px 0;background:url(../images/sizeguidebanner.png) no-repeat 0 0;}
.leftContent .sizeGuideBanner img{    margin:0 auto;}
.leftContent .sizeGuideBanner a.btn_viewAllGuides{    margin:82px auto 0;}
.leftContent .filtersBottom{    height:10px;margin-bottom:20px;background:url(../images/leftcontentbg.png) no-repeat 0 bottom;}
.leftContent ul.scrollable{    clear:both;height:96px;padding:0 0 0 8px;overflow:auto;border:1px solid #bbb8b8;background-color:#fff;}
.leftContent ul.scrollable li{    padding:2px 0;margin:0;overflow:hidden;background:none;}
.leftContent ul.scrollable li a{    line-height:20px;display:block;}
.leftContent ul.scrollable li a span.chk{    background:url(../images/checkbox.gif) no-repeat 0 2px;width:20px;height:20px;display:block;float:left;}
.leftContent ul.scrollable li a.selected span.chk{    background-position:0 -18px;}
.leftContent ul.scrollable li a.disabled{    color:#a9a9a9;text-decoration:none;}
.leftContent ul.scrollable li a.disabled span.chk{    background-position:0 -38px;}
.leftContent ul.scrollable li a.disabled span{    color:#a9a9a9;}
.leftContent ul.scrollable li a.selected.disabled{    text-decoration:underline;}
.leftContent ul.scrollable li a.selected.disabled span.chk{    background-position:0 -58px;}
.leftContent ul.scrollable.rows1{    height:25px;}
.leftContent ul.scrollable.rows2{    height:49px;}
.leftContent ul.scrollable.rows3{    height:73px;}
.leftContent ul.scrollable.rows4{    height:120px;}
.leftContent ul.scrollable.rows5{    height:121px;}
.leftContent ul.scrollable.rows6{    height:85px;}
.leftContent ul.scrollable.rows7{    height:169px;}
.leftContent ul.scrollable.rows8{    height:293px;}
.leftContent ul.scrollable.rows9{    height:217px;}
.leftContent ul.scrollable.rows10{    height:241px;}
.leftContent ul.scrollable.rows14{    height:120px;}
.leftContent .bannerL1{    height:258px;margin-bottom:10px;float:left;}
.leftContent .bannerL2{    height:258px;float:left;}
.leftContent .filters .filterOverlay{    width:186px;height:101%;position:absolute;top:2px;left:2px;opacity:.8;filter:alpha(opacity = 80);background-color:#fff;z-index:100;}
.leftContent .filters ul#returnTo{    position:relative;}
.leftContent .filters ul#returnTo li#re_el{    height:auto;background:none;}
.leftContent .filters ul#returnTo li#re_el a.return{    width:160px;line-height:normal;display:block;padding:8px 20px 8px 0;background:url(../images/bulletgrey.png) no-repeat 160px 10px;font-size:.9em;font-weight:bold;text-decoration:underline;}
.leftContent .filters ul#returnTo li:hover > .subMenu{    left:182px;}
.leftContent .filters ul#returnTo a:hover .subMenu{    left:182px;}
.leftContent .filters .subMenu{    width:180px;padding:16px 20px;position:absolute;top:-10px;left:-9999px;z-index:10;}
.leftContent .filters .subMenu .bg{    background-image:url(../images/leftcontentbg.png);}
.leftContent .filters .subMenu #tl{    width:75%;height:50%;position:absolute;top:0;left:0;background-position:left top;}
.leftContent .filters .subMenu #tr{    width:75%;height:50%;position:absolute;top:0;right:0;background-position:right top;}
.leftContent .filters .subMenu #bl{    width:75%;height:50%;position:absolute;bottom:0;left:0;background-position:left bottom;}
.leftContent .filters .subMenu #br{    width:75%;height:50%;position:absolute;bottom:0;right:0;background-position:right bottom;}
.leftContent .filters .subMenu ul{    position:relative;z-index:11;}
.leftContent .filters .subMenu ul li{    height:auto;padding:4px 0;line-height:normal;background:none;}
.leftContent .filters .subMenu ul li a{    line-height:normal;display:block;font-size:.9em;font-weight:bold;}
.leftContent .filters table{    position:absolute;left:99%;top:-10px;height:0;width:0;border-collapse:collapse;}
.leftContent .dealNav{    width:170px;padding:10px 10px 0;float:left;background:url(../images/leftcontentbg.png) no-repeat 0 0;}
.leftContent .dealNav h2{    margin-bottom:10px;font-size:1.4em;color:#89bc05;}
.leftContent .dealNav ul li{    margin-bottom:4px;}
.leftContent .dealNav ul li a{    width:167px;line-height:22px;padding:0 0 0 10px;display:block;font-size:14px;font-weight:bold;background:url(../images/dealnavhover.gif) no-repeat 0 -30px;}
.leftContent .dealNav ul li a:hover, .leftContent .dealNav ul li a.on{    text-decoration:none;color:#fff;background-position:0 0;}
.leftContent .dealNavBottom{    width:190px;height:6px;margin-bottom:10px;float:left;background:url(../images/leftcontentbg.png) no-repeat 0 bottom;}
.leftContent .bannerL1{    width:190px;height:260px;background-color:#9cf;}
.leftContent .bannerL2{    width:190px;height:260px;background-color:#9cf;}

